body{
    padding: auto;
    margin: 0;
    text-align: center;
}
.all{
    padding:0%;
    margin-left: auto;
    margin-right: auto;
    background-color: #f0eeee;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-y: auto;
    display: flex;
    justify-content: center;
}
.left{
    width: 120px;
    background-color: white;
    height: 680px;
    border-radius: 5px;
    position: relative;
    padding-left: 50px;
    top:100px
}
.head1{
    font-size: small;
    font-weight: normal;
}
.head2{
    font-size: xx-small;
    color: #757575 ;
    margin-top: 15px;
    font-weight: normal;
}
.head3{
    font-size: small;
    margin-top: 15px;
    font-weight:normal
}
.type{
    padding-top: 30px;
}
.right_all{
    height:900px;
    width:1200px;
    background-color: white;
    position: relative;
    left:20px;
    top:100px;
    border-radius: 10px;
}
.right_center{
    display: inline-flex;
    height:500px;
    width:1200px;
    display: flex;
    flex-wrap: wrap;
}
.cntentsize{
    position: relative;
    right:30px;
    width: 400px;
    height: 1000px;
}
.card_fit{
    margin-top: 20px;
    width:230px;
    height:310px;
}
.box-card{
    position: relative;
    width: 200px;
    height: 310px;
    left:70px;
    top:30px;
    display: inline-flex;
}
/* .box-card1{
    position: relative;
    width: 200px;
    height: 310px;
    left:70px;
    top:30px;
    display: inline-block;
} */
.vedio{
    display: inline-block;
}
.vedio_pic{
    height: 250px;
    width: 210px;
    position: relative;
    right: 25px;
    bottom: 25px;
}
.vedio_pic1{
    height: 240px;
    width: 210px;
    position: relative;
    right: 25px;
    bottom: 25px;
}
.vedio_name{
    font-size: small;
}
.all_vedio_name{
    position: relative;
    bottom:25px;
    right:10px;
}
.type1{
    display: inline-block;
    position: relative;
    height: 17px;
    width: 40px;
    bottom:10px;
    right:10px;
}
.type_a{
    display: inline-block;
    width: 50px;
    font-size: xx-small;
    color: #747474;
    position:relative;
    bottom:23px;
    right:13px;
}
.fire{
    position: relative;
    display: inline-block;
    bottom: 20px;
    left:3px;
}
.fire1{
    position: relative;
    display: inline-block;
    bottom: 12px;
    left:3px;
}

.fire-degree{
    position: relative;
    font-size: 1%;
    color: #FC4A1A ;
    bottom:37px;
    right:23px;
}
.time{
    display: inline-block;
    position: relative;
    font-size: xx-small;
    bottom: 18px;
    left:22px;
    color:white
}
.fire_burn{
    position: relative;
    bottom:35px;
    right:20px;
}
.profile_photo{
    height:25px;
    position:relative;
    left:10px;
}
.name_photo{
    position: relative;
    display: inline-block;
    bottom:70px;
    left:117px;
}

.photo_name{
    height:20px;
    width: 75px;
    position: relative;
    font-size: 1px;
    color: #4ABDAC;
    right: 15px;
    text-align: center;
}
.replace{
    position: relative;
    left:90px;
    top:30px;
}
.replace1{
    position: relative;
    left:113px;
    top:30px;
}
.replace2{
    position: relative;
    left:133px;
    top:30px;
}
.replace3{
    position: relative;
    left:40px;
    top:80px;
}.replace4{
    margin-left: 19px;
}
.button_group_search{
    position: relative;
    left:700px;
    height: 40px;
    width: 300px;
    color: #4ABDAC;
    top:5px;
    border-color: #4ABDAC;
}
.select{
    position: relative;
    top:5px;
    left:700px;
    width:130px;
    border-color: #4ABDAC;
}
.right_top{
    position: relative;
    top:10px;
}
/* .right_top :focus{
    border-color: #4ABDAC;

}
.select :focus{
    border-color: #4ABDAC;

} */